.wraper{
	width: 100%;
	box-sizing: border-box;
	background-color: #010A19;
	.content{
		padding-top: 0.9rem;
		color: #fff;
		text-align: center;
		.be-come{
			background-image: url('https://n-bkt.deepcoin.me/1610501393809');
			background-size: 100% auto;
			background-position: top center;
			background-repeat: no-repeat;
			overflow: hidden;
			.img{
				padding: 1.1rem 0 1.1rem 0;
				img{
					width: 74%;
				}
			}
			.btn{
				display: inline-block;
				padding: 0 0.8rem;
				height: 1rem;
				line-height: 1rem;
				text-align: center;
				font-size: 0.36rem;
				margin-bottom: 1.6rem;
				overflow: hidden;
				background: linear-gradient(90deg, #86C1FF 0%, #327BC8 50%, #001D48 100%);
				border-radius: 1rem;
				margin: 0 auto 2rem auto;
			}
			ul{
				width: 85%;
				margin: 0 auto 1.5rem auto;
				display: flex;
				justify-content: space-between;
				align-items: stretch;
				li{
					h1{
						font-size: 0.5rem;
						font-weight: bold;
						span{
							font-weight: 400;
							font-size: 0.22rem;
							padding-left: 5px;
						}
					}
					p{
						margin-top: 0.15rem;
					}
				}
				.line-right{
					border-right: 1px solid rgba(255,255,255,.5);
					margin: 0 0.16rem;
				}
			}
		}
		.choice{
			overflow: hidden;
			background-image: url('https://n-bkt.deepcoin.me/1610501414233');
			background-size: 100% auto;
			background-repeat: no-repeat;
			background-position: 0 center;
			h1{
				font-size: 0.44rem;
				padding: 1rem 0 0.65rem 0;
			}
			ul{
				padding: 0 0.44rem;
				display: flex;
				align-items: stretch;
				justify-content: space-between;
				li{
					width: 3.1rem;
					background-color: rgba(173,206,255,.06);
					margin-bottom: 0.44rem;
					padding-bottom: 0.3rem;
					img{
						width: 0.9rem;
						margin: 0.5rem 0 0.24rem 0;
					}
					h2{
						font-size: 0.26rem;
						font-weight: 400;
					}
					p{
						margin-top: 0.14rem;
						color: #6D7B8F;
						font-size: 0.2rem;
					}
				}
			}
		}
		.advantage{
			overflow: hidden;
			background-image: url('https://n-bkt.deepcoin.me/1610501430537');
			background-size: 100% auto;
			background-repeat: no-repeat;
			background-position: center 2rem;
			position: relative;
			p.title1{
				position: absolute;
				left: 0;
				right: 0;
				top: 2.95rem;
				font-size: 0.24rem;
				font-weight: 500;
				color: #fff;
				text-align: center;
			}
			p.title2{
				position: absolute;
				left: 0;
				right: 35%;
				top: 4.05rem;
				font-size: 0.2rem;
				font-weight: 500;
				color: #fff;
				text-align: center;
			}
			p.title3{
				position: absolute;
				left: 62%;
				right: 0;
				top: 4.2rem;
				font-size: 0.2rem;
				font-weight: 500;
				color: #fff;
				text-align: center;
			}
			h1{
				font-size: 0.44rem;
				padding: 0.8rem 0 4.5rem 0;
			}
			.table-list{
				width: 6.8rem;
				margin: 0 auto;
				background-color: #132F56;
				border-radius: 0.1rem;
				font-size: 0.24rem;
				overflow: hidden;
				.list{
					width: 24%;
					float: left;
					box-sizing: border-box;
					li{
						height: 0.9rem;
						line-height: 1.4;
						padding-top: 0.3rem;
						font-size: 0.18rem;
						overflow: hidden;
						box-sizing: border-box;
						div.img{
							float: left;
							padding-left: 0.1rem;
						}
						img{
							width: 0.4rem;
							margin-right: 0.05rem;
							transform: translate(0,50%);
						}
						&:nth-child(1){
							height: 1.2rem;
							font-size: 0.2rem;
							padding-top: 0.4rem;
							font-weight: 500;
							text-align: left;
						}
						&:nth-child(even){
							background-color: rgba(255,255,255,.05);
						}
						&.ja{
							line-height: 1;
							text-align: left;
							div{
								padding-left: 7%;
							}
							img{
								float: left;
							}
							p{
								line-height: 1.5;
								display: inline-block;
								padding-top: 0.15rem;
								text-align: left;
							}
						}
						&.en{
							p{
								line-height: 1.4;
								&:nth-child(1){
									margin-top: 0.24rem;
								}
							}
						}
					}
					&.list2{
						width: 28%;
						height: 105%;
						margin-top: -0.2rem;
						background-color: #2A6AB0;
						border-radius: 2px;
						li{
							
							&:nth-child(1){
								margin-top: 0.2rem;
							}
						}
					}
				}
				&.ja{
					li{
						padding-left: 0.1rem;
						padding-right: 0.1rem;
					}
				}
			}
		}
		.be-back{
			overflow: hidden;
			background-image: url('https://n-bkt.deepcoin.me/1610501449606');
			background-size: 100% auto;
			background-repeat: no-repeat;
			background-position: center bottom;
			padding-bottom: 0.8rem;
			.people-add{
				font-size: 0.6rem;
				font-weight: 300;
			}
			.people{
				overflow: hidden;
				margin: 0 10%;
				border-radius: 0.12rem;
				background-color: #132F56;
				.title{
					padding: 0.4rem 0 0.3rem 0;
					font-size: 0.24rem;
				}
				.list{
					overflow: hidden;
					padding-left: 0.5rem;
					margin-bottom: 0.3rem;
					li{
						float: left;
						img{
							width: 100%;
						}
						&.icon{
							width: 1.8rem;
							height: 1.8rem;
							box-sizing: border-box;
							padding-top: 0.3rem;
						}
						&.arrow{
							width: 0.8rem;
							padding: 0.8rem 0.2rem 0 0.2rem;
						}
						&.circle{
							width: 1.8rem;;
							height: 1.8rem;;
							border-radius: 50%;
							background-color: #2A6AB0;
							p{
								font-size: 0.26rem;
								line-height: 1;
								margin-top: 0.45rem;
								&:nth-child(2){
									margin-top: 0.2rem;
									font-size: 0.4rem;
									font-weight: 500;
								}
							}
						}
					}
				}
			}
			h1{
				font-size: 0.44rem;
				padding: 0.8rem 0 0.5rem 0;
			}
			h2{
				font-size: 0.3rem;
				font-weight: 400;
				span{
					position: relative;
					padding: 0 15px;
					&:before,&:after{
						content:'';
						width: 5px;
						height: 5px;
						background-color: #fff;
						position: absolute;
						top: 50%;
						transform: translate(0,-50%) rotate(-45deg);
					}
					&:before{
						left: 0;
					}
					&:after{
						right: 0;
					}
				}
			}
			ul{
				display: flex;
				justify-content: center;
				align-items: stretch;
				li{
					width: 3rem;
					text-align: center;
					margin-top: 0.55rem;
					padding-bottom: 0.3rem;
					position: relative;
					.dot{
						width: 2rem;
						height: 2rem;
						border-radius: 50%;
						background-color:#203B5F;
						color: #F9F9F9;
						margin: 0 auto 0.22rem auto;
						.desc{
							font-size: 0.28rem;
							padding-top: 0.1rem;
						}
						.img{
							padding-top: 0.4rem;
							img{
								width: 0.92rem;
							}
						}
					}
					p{
						color: #BCC2CC;
						font-size: 0.22rem;
						margin-top: 0.12rem;
					}
					&.line-arrow{
						width: 0.8rem;
						position: relative;
						&:before{
							content:'';
							position: absolute;
							width: 1rem;
							right: -0.15rem;
							top: 35%;
							height: 1px;
							border-bottom: 1px dashed #203B5F;
						}
						&:after{
							content:'';
							width: 0;
							height: 0;
							border-left: 8px solid #203B5F;
							border-top: 8px solid transparent;
							border-bottom: 8px solid transparent;
							position: absolute;
							right: -0.15rem;
							top: 31%;
						}
						&.arrow2{
							&:after{
								content:'';
								width: 0;
								height: 0;
								border-left: 8px solid transparent;
								border-right: 8px solid #203B5F;
								border-top: 8px solid transparent;
								border-bottom: 8px solid transparent;
								position: absolute;
								left: -0.15rem;
								top: 31%;
							}
						}
					}
					&.arrow-down{
						&:before{
							content:'';
							position: absolute;
							width: 1px;
							height: 0.5rem;
							right: 50%;
							border-right: 1px dashed #203B5F;
							top: 2.9rem;
						}
						&:after{
							content:'';
							width: 0;
							height: 0;
							border-top: 8px solid #203B5F;
							border-left: 8px solid transparent;
							border-right: 8px solid transparent;
							position: absolute;
							right: 44%;
							top: 3.4rem;
						}
					}
				}
			}
		}
		.contract{
			h1{
				font-size: 0.44rem;
				padding: 1rem 0 0.45rem 0;
			}
			p{
				width: 5rem;
				height: 0.8rem;
				line-height: 0.8rem;
				border-radius:0.8rem;
				font-size: 0.34rem;
				color: #fff;
				margin: 0 auto;
				text-align: center;
				background: linear-gradient(90deg, #86C1FF 0%, #327BC8 50%, #001D48 100%);
			}
			.copyright{
				color: #6D7B8F;
				font-size: 0.24rem;
				text-align: center;
				padding: 1.4rem 0 0.35rem 0;
			}
		}
	}
	.line{
		z-index: 1;
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		height: 1rem;
		background-color: #fff;
	}
	.nav-bar{
		width: 100%;
		text-align: center;
		background-color: #fff;
		margin-bottom: 0;
		padding-bottom: 0.1rem;
		z-index: 2;
		position: fixed;
		.center{
			color: #2E3E4D;
			font-size: 0.3rem;
			font-weight: 600;
			height: 0.8rem;
			line-height: 0.8rem;
		}
		.right{
			width: 0.8rem;
			height: 0.8rem;
		}
		.arrow{
			background-image: url('../../static/images/back-black.png');
		}
	}
	&.padTop{
		.line{
			height: 1.6rem;
		}
		.content{
			padding-top: 1.1rem;
		}
	}
}